<template>
  <span @click="emit('update:modelValue', modelValue + 1)">{{ modelValue }}</span>
</template>

<script setup lang="ts">
  // vue2中v-model=> :value   @input
  // vue3中 v-model=> :modelValue   @update:modelValue
  // vue3中v-model可以带参数： v-model:xxx=>:xxx   @update:xxx

  // 接收v-model双向绑定的数据
  interface Props {
    modelValue: number
  }
  defineProps<Props>()
  // 子传父
  interface Emits {
    (e: 'update:modelValue', newCount: number): void
  }
  const emit = defineEmits<Emits>()
</script>

<style scoped></style>
